<template>
    <div id="swipe">
    <van-swipe :height='180' :width="375" :autoplay="0" indicator-color="black"  style="background:skyblue">
    <van-swipe-item ><img :src="dd.pimg" alt=""/></van-swipe-item>
    <van-swipe-item><img :src="dd.pimg" alt=""/></van-swipe-item>
    <van-swipe-item><img :src="dd.pimg" alt=""/></van-swipe-item>
    </van-swipe>
    </div>
</template>

<script>
import * as api from "../../api/getProlist";
    export default {
       
       data() {
           return {
               dd:{},
           }
       },
        methods: {
            zz(){
                // console.log(this.$route.query.id)
            }
        },
        mounted() {
           api.getProDel({pid:this.$route.query.id}) 
           .then((data)=>{
                this.dd=data.data.result[0];
                // console.log(data.data)
            })
        }
    }
</script>

<style scoped>
#swipe>>>.van-swipe{
    overflow: initial; 
    /* overflow-x: hidden */

}
#swipe img{
    width: 100%;
    height:400px;
}
#swipe>>>.van-swipe__indicators{
    bottom: -50px;
    z-index: 5;
}
#swipe>>>.van-swipe__indicator{
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: gray;
}
</style>